
<!DOCTYPE html>
<html xmlns:th="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="UTF-8">
    <title>增加</title>
    <link href="/static/devtools30/layui/css/layui.css" rel="stylesheet" />
    <link href="/static/devtools30/css/devindexbase.css" rel="stylesheet" />
    <script src="/static/devtools30/js/jquery-1.11.2.min.js" type="text/javascript"></script>
    <script src="/static/devtools30/layui/layui.all.js" type="text/javascript"></script>
    <script src="/static/devtools30/js/devtoolCommon.js" type="text/javascript"></script>
    <link href="/static/devtools30/js/plugins/codemirror-5.14.2/theme/eclipse.css" rel="stylesheet" type="text/css" />
    <link href="/static/devtools30/js/plugins/codemirror-5.14.2/lib/codemirror.css" rel="stylesheet" />
    <script src="/static/devtools30/js/plugins/codemirror-5.14.2/lib/codemirror.js" type="text/javascript"></script>
    <script src="/static/devtools30/js/plugins/codemirror-5.14.2/mode/sql/sql.js" type="text/javascript"></script>
    <script src="/static/devtools30/js/plugins/codemirror-5.14.2/mode/javascript/javascript.js" type="text/javascript"></script>
    <style>
        /*页面内边距*/
        .addwrap {
            padding: 30px;
        }
        /*按钮组边框*/
        .layui-btn-primary {
            border: 1px solid #C9C9C9!important;
        }
        /*输入框高度*/
        .addwrap .layui-input,
        .layui-select {
            height: 25px;
        }

        .addwrap .layui-input-block {
            min-height: 26px;
            margin-left: 30px;
        }

        .addwrap .layui-form-label {
            padding: 0;
            text-align: left;
            height: 26px;
            line-height: 26px;
            width: auto;
        }

        .CodeMirror {border: 1px solid #eee;  }
    </style>
</head>
<body>
<div class="backgroundf " style="padding: 10px;">

    <div class="layui-form" lay-filter="form">
        <textarea th:utext="${zbrealsql}" id="zbrealsql" name="zbrealsql" class="layui-textarea"></textarea>
        <div class="layui-form-item">
            <div class=" flex flex-jusity-around tjbtn">
                <button class="layui-btn layui-btn-radius layui-btn-sm layui-btn-primary" onclick="closeWin()">关闭</button>
            </div>
        </div>
    </div>
</div>
</body>
<script>
    /*表单初始化*/
    $(function(){
        initEvent();

        editor = CodeMirror.fromTextArea(document.getElementById("zbrealsql"), {
            lineNumbers: true,
            matchBrackets: true,
            lineWrapping:true,
            mode: "text/x-plsql"
        });
        editor.setOption("theme", "eclipse");
        editor.setSize('630px', '270px');
        editor.setValue($("#zbrealsql").val());
    });
    function closeWin(){
        dlCommon.closeParentLayer();
    }
    function initEvent(){

    }
</script>
</html>

